@import url('https://fonts.googleapis.com/css?family=Lato:400,700&display=swap');

body {
  /* overflow: hidden;  */
  font-family: 'Lato', sans-serif;
  color: #505962;
}

/*---Navigation---*/
.navbar {
  text-transform: uppercase;   /*字母大写*/
  font-weight: 700;    /*字体？*/
  font-size: .9rem;    /*1rem = 16px?*/
  letter-spacing: .1rem;    /*space out the nav-items?*/
  background: rgba(0, 0, 0)!important;
}
.navbar-brand img {
  height: 2rem;
}
.navbar-nav li{
  padding-right: .7rem;
}
.navbar-dark .navbar-nav .navbar-link {
  color: white;
  padding-top: .8rem;
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #0bb5bb;
}

/* Langding Page CSS */
.home-inner {
  background-image: url("/images/item2.jpg");
}
.caption {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 30%;
  z-index: 1;
  color: black;
  text-transform: uppercase;
}

.caption h1 {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: .3rem;
  text-shadow: .1rem /*vertical*/ .1rem/*horizontal*/ .8rem white;
  padding-bottom: .8rem;
}
.caption h3 {
  font-size: 1.5rem;
  text-shadow: .1rem /*vertical*/ .1rem/*horizontal*/ .5rem white;
  padding-bottom: 1.6rem;
}

form .btn,
 .form-control {
  border-radius: 3%;
}


/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/
